<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>通话管理- 视频录制列表</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<link rel="shortcut icon" href="../favicon.ico">
	<link href="__PUBLIC__/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link rel="stylesheet" href="__PUBLIC__/css/ace.min.css" />
	<link href="__PUBLIC__/css/font-awesome.css?v=4.4.0" rel="stylesheet">
	<link href="__PUBLIC__/css/animate.css" rel="stylesheet">
	<link href="__PUBLIC__/css/style.css?v=4.1.0" rel="stylesheet">
	<script src="__PUBLIC__/js/plugins/layer/laydate/laydate.js"></script>
	<style>
	    .table-container{
		overflow:auto;
	    }
	    .img{ max-width: 64px; max-height: 64px; }
	    .left{ text-align: left !important; }
	</style>
    </head>
    <body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
	    <div class="row">
		<div class="col-sm-12">
		    <div class="ibox float-e-margins">
			<div class="ibox-title">
			    <h5>通话管理- <small>视频录制列表</small>
			    </h5>
			    <div class="ibox-tools">
			    </div>
			</div>
			<div class="ibox-content">
			    <div class="dataTables_filter">
				<form action="__SELF__" id="form1">
				    <label>
					<input type="text" id="txtbegintime" name="txtbegintime" placeholder="请输入开始时间" readonly="readonly" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm'})" value="<{$search.begintime}>" />
				    </label>
				    <label>
					<input type="text" id="txtendtime" name="txtendtime" placeholder="请输入结束时间" readonly="readonly" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm'})" value="<{$search.endtime}>" />
				    </label>
				    <label>
					<input type="text" id="txtkeyword" name="txtkeyword" value="<{$search.keyword}>" placeholder="请输入关键词" />&nbsp;
					<input type="submit" id="btnsearch" name="btnsearch" value="搜索" />
				    </label>
				</form>
			    </div>
			    <table class="table table-striped table-bordered table-hover table-container">
				<thead>
				    <tr>
					<th width="150px;">创建时间</th>
					<th>视频录制文件</th>
					<th width="150px;">主叫头像</th>
					<th width="200px;" class="left">主叫信息</th>
					<th width="150px;">被叫头像</th>
					<th width="200px;" class="left">被叫信息</th>
					<th width="200px;" class="left">操作</th>
				    </tr>
				</thead>
				<tbody>
				<volist name="data" id="vo">
				    <tr id="<{$vo.id}>">
					<td><{$vo.ctime}></td>
					<td><{$vo.video_url}></td>
					<td><img alt='未找到图片' class="img" src="<{$vo.user_logo}>"/></td>
					<td class="left"><{$vo.caller_info}></td>
					<td><img alt='未找到图片' class="img" src="<{$vo.user_logo2}>"/></td>
					<td class="left"><{$vo.callee_info}></td>
					<td class="operate left">
				    <if condition="$vo.video_url neq null && $vo.video_url neq ''">
					<a class="btn btn-info btn-rounded" href="<{$vo.video_url}>" target="_blank" title="打开">打开</a>
				    </if>
				    </td>
				    </tr>
				</volist>
				<if condition="($total eq null) or ($total eq 0)">
				    <tr><td colspan="20">没有数据</td></tr>
				</if>
				</tbody>
			    </table>
			    <div class="dataTables_paginate paging_simple_numbers">
				<ul class="pagination">
				    <if condition="$total gt 0">
					<{$fpage}>
				    </if>
				</ul>
			    </div>
			</div>
		    </div>
		</div>
	    </div>
	</div>
	<!-- 全局js -->
	<script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script>
	<script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script>
	<!-- 自定义js -->
	<script src="__PUBLIC__/js/content.js?v=1.0.0"></script>
	<script src="__PUBLIC__/js/plugins/layer/layer.min.js"></script>
	<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
	<script>
						function form_submit() {
						    document.getElementById("form1").submit();
						}
	</script>
    </body>
</html>
